const app = getApp()
const newArticle = {
  title: '什么是加密算法？',
  description: 'Java的加密知识也是Java常见的领域之一，加密技术的底层确实很复杂，运用了大量的数学知识，要弄明白非常复杂。但是Java语言中运用密码加密工具却是非常简单。',
  url: "https://mp.weixin.qq.com/s/jbFTY9tZxZNxZWuvD1dKSQ"
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    isRefreshing: false,
    refreshTime: '',
    isLoading: false,
    loadTime: '',
    currentTab: 0,
    articleShown: false,
    tabs: [{
      name: 'Java',
      articles: [{
        title: '什么是加密算法？',
        description: 'Java的加密知识也是Java常见的领域之一，加密技术的底层确实很复杂，运用了大量的数学知识，要弄明白非常复杂。但是Java语言中运用密码加密工具却是非常简单。',
        url: "https://mp.weixin.qq.com/s/jbFTY9tZxZNxZWuvD1dKSQ"
      }]
    }, {
      name: 'MySQL',
      articles: [{
        title: 'MySQL 大表优化方案',
        description: '当MySQL单表记录数过大时，增删改查性能都会急剧下降，可以参考以下步骤来优化。',
        url: "https://mp.weixin.qq.com/s/m9bJNdd7MgBJr023rjtisQ"
      }]
    }, {
      name: '三国杀',
      articles: [{
        title: '漫画 | 悲催的巨兽、朱家的三废…发姐漫画精选，带你了解真正的三国',
        description: '讲三国正史的漫画系列已经推出小半年了来看看有多少人成了发姐的粉丝？',
        url: "https://mp.weixin.qq.com/s/a-Eicf5TlXvMBWeCeRzJJQ"
      }, {
        title: '八卦 | 孙坚藏玺被万剑穿身、曹叡铜人落泪，三国灵异故事第二弹！',
        description: '上期的三国灵异故事颇受欢迎不少同学希望小编能再来一发如果胆子足够大……就往下看↓',
        url: 'https://mp.weixin.qq.com/s/STdB6Qf_Qy-gM_mc-U8yTw'
      }, {
        title: '漫画 | 悲催的巨兽、朱家的三废…发姐漫画精选，带你了解真正的三国',
        description: '讲三国正史的漫画系列已经推出小半年了来看看有多少人成了发姐的粉丝？',
        url: "https://mp.weixin.qq.com/s/a-Eicf5TlXvMBWeCeRzJJQ"
      }, {
        title: '八卦 | 孙坚藏玺被万剑穿身、曹叡铜人落泪，三国灵异故事第二弹！',
        description: '上期的三国灵异故事颇受欢迎不少同学希望小编能再来一发如果胆子足够大……就往下看↓',
        url: 'https://mp.weixin.qq.com/s/STdB6Qf_Qy-gM_mc-U8yTw'
      }, {
        title: '漫画 | 悲催的巨兽、朱家的三废…发姐漫画精选，带你了解真正的三国',
        description: '讲三国正史的漫画系列已经推出小半年了来看看有多少人成了发姐的粉丝？',
        url: "https://mp.weixin.qq.com/s/a-Eicf5TlXvMBWeCeRzJJQ"
      }, {
        title: '八卦 | 孙坚藏玺被万剑穿身、曹叡铜人落泪，三国灵异故事第二弹！',
        description: '上期的三国灵异故事颇受欢迎不少同学希望小编能再来一发如果胆子足够大……就往下看↓',
        url: 'https://mp.weixin.qq.com/s/STdB6Qf_Qy-gM_mc-U8yTw'
      }]
    }, {
      name: '家庭教育',
      articles: [{
        title: '【荐读】孩子将来不孝顺的4个信号，第一种必须立即纠正！',
        description: '父母很多时候只想着怎样让孩子变优秀，却常常忽略了要教孩子孝顺。',
        url: "https://mp.weixin.qq.com/s/IovT1Jap2pCvf-wzXObU2g"
      }]
    }]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log('upper')
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  onTabClicked(e) {
    let that = this
    // 使用 currentTarget 而非 target 以保证在点击子元素时也能取到数据
    let clickedTab = e.currentTarget.dataset.current
    if (this.data.currentTab !== clickedTab) {
      that.setData({
        currentTab: clickedTab
      })
    }
  },
  onSwiperChanged(e) {
    this.setData({
      currentTab: e.detail.current
    })
  },
  onScrollToUpper() {
    console.log('upper')
  },
  onScrollToLower() {
    console.log("lower")
    let that = this
    
    that.setData({
      isLoading: true
    })

    setTimeout(() => {
      let currentTab = this.data.currentTab
      let list = this.data.tabs[currentTab].articles
      list.push(newArticle)
      this.setData({
        tabs: this.data.tabs
      })
    }, 1000)

    that.setData({
      isLoading: false
    })
  }
})